<template lang="html">
  <div class="swipers" v-if="details">
    <div class="btn-black" @click="routeTo('/pingtuan')">
      <img class="max" src="/static/pingtuan/goods/spell_icon_retun @2x.png">
    </div>
    <mt-swipe :auto="3000" Prevent="true " style="width: 100%;height: 100%;">
      <mt-swipe-item v-for="(item, index) in details.pt_slideshow" :key="index">
        <img :src="item.picture" />
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>

<script>

import { Toast, Indicator, Swipe, SwipeItem } from "mint-ui"
import "swiper/dist/css/swiper.css"

export default {
  props: ['details'],
  data() {
    return {

    }
  },

  methods: {


  }
}
</script>

<style lang="scss" scoped>
.swipers{
  width: 100%;
  height: 10rem;
  position: relative;
  .btn-black{
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 2;
    width: .8rem;
  }
  img{
    width: 100%;
    height: 100%;
  }
}
</style>
